<template>
  <view class="vip-section">
    <text class="vip-text">以下仅对VIP会员开放</text>
    <button class="vip-button">
      <uni-icons type="vip" size="20"></uni-icons>
      开通VIP
    </button>
  </view>
</template>

<script setup></script>

<style scoped>
.vip-section {
  margin-top: 40rpx;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 2rpx solid #f0f0f0;
  margin-bottom: 40rpx;
}

.vip-button {
  height: 40rpx;
  display: flex;
  align-items: center;
  padding: 10rpx;
  background-color: #ff9800;
  color: #fff;
  border: none;
  border-radius: 40rpx;
  font-size: 24rpx;
}

.vip-text {
  color: #1e90ff;
  font-size: 24rpx;
}
</style>
